<!DOCTYPE HTML>
<html>

	<head>
		<title>Services</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
		<!-- Add fancyBox main JS and CSS files -->
		<link href="css/magnific-popup.css" rel="stylesheet" type="text/css">
		<script src="js/jquery-3.3.1.js"></script>
		<script src="js/jquery.easydropdown.js"></script>
		<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/hospital.js" ></script>
		<script>
			$(document).ready(function() {
				$('.popup-with-zoom-anim').magnificPopup({
					type: 'inline',
					fixedContentPos: false,
					fixedBgPos: true,
					overflowY: 'auto',
					closeBtnInside: true,
					preloader: false,
					midClick: true,
					removalDelay: 300,
					mainClass: 'my-mfp-zoom-in'
				});
			});
		</script>

	</head>

	<body>
		<!-- start header-->
		<div class="header_bg">
			<div class="wrap">
				<div class="header">
					<div class="logo">
						<img src="img/logo-login.png" width="250px" height="90px" />
						<span class="login-head">
							<script>
								$(".login-head").load('front-top.html');
							</script>
						</span>
					</div>
					<div class="header_right">
						<div class="search">
							<form>
								<input type="text" value="" placeholder="搜索...">
								<input type="submit" value="">
							</form>
						</div>

						<div class="clear"></div>
					</div>
				</div>
				<div class="header_menu">
					<div class="menu_box_list">
						<ul>
							<li class="color1">
								<a href="index.html"><i class="icon1"> </i><span>导航</span></a>
							</li>
							<li class="color2">
								<a href="medicalmall.html"> <i class="icon2"> </i> <span>商城</span></a>
							</li>
							<li class="color3">
								<a href="doctor.html"> <i class="icon3"> </i><span>医生</span></a>
							</li>
							<li class="color4 active">
								<a href="hospital.html"> <i class="icon4"> </i><span>医院</span></a>
							</li>
							<li class="color5">
								<a href="druggist.html"> <i class="icon5"> </i> <span>药商</span></a>
							</li>
							<li class="color6">
								<a href="contact.html"> <i class="icon6"> </i> <span>联系我们</span></a>
							</li>
						</ul>
						<div class="clear"></div>
					</div>
				</div>
			</div>
		</div>
		<!-- start top-->
		<div class="top_bg">
			<div class="wrap">
				<div class="top_grids1">
					<div class="top_grids_text">
						<h2>云&nbsp;上&nbsp;医&nbsp;疗&nbsp;欢&nbsp;迎&nbsp;您</h2>

					</div>
					<div class="top_map1">
						<ul>
							<li class="map"></li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
		<!-- start content -->
		<div class="content_bg">
			<div class="wrap">
				<div class="content">
					<div class="content_text about">
						<h2>合作医院列表</h2>
					</div>
					<!-- start popup -->
					<div id="small-dialog" class="mfp-hide">
						<div class="pop_up">
							<h2>Integer lacinia quam</h2>
							<img src="images/ser_pic1.jpg" title="image-name">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic</p>
						</div>
					</div>

					<!-- end popup -->
					<!-- start btm_grids -->
					<div class="btm_grids">
                        <div class="btm_grid">
                            <span class="grid_up"></span>                   
                            <div class="clear"></div>
                        </div>
                        <div class="btm_grid">
                            <span class="grid_down"></span>
                            <div class="clear"></div>
                        </div>
                    </div>
				</div>
			</div>
		</div>

	</body>

</html>

<!--
	作者：肖璧曄
	时间：2018-09-21
	描述：
	本块元素是用于显示医院列表的图片及文字说明的部分，其中，需要更改的部分为<img>中的src路径以及<p>标签中的文字说明
		<div class="ser-grid-list img_style">
			<div class="gallery">
				<a class="popup-with-zoom-anim" href="#small-dialog"><img src="img/ser_pic4.jpg" title="image-name"></a>
			</div>
			<p> The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using making it look. </p>
		</div>
	
-->